@import '~asha/_.less';
@import './cropper.min.css';
.modify-avatar {
    display: inline-block;
    position: relative;
    .ma-container{
        .site-text{
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            width: 300px;
            height: 200px;
            line-height: 200px;
            text-align: center;
            color: @color_font_2;
        }
        .defaultImage{
            position: absolute;
            left: 50px;
            z-index: 1;
            width: 200px;
            height: 200px;
        }
        .img-upload {
            position: relative;
            width: 420px;

            .tips {
                font-size: 12px;
                line-height: 20px;
                width: 300px;
                height: 40px;
                color: @color_font_2;
            }
            .auto-change{
                position: absolute;
                top: 20px;
                right: 35px;
                height: 30px;
                line-height: 30px;
                padding-left: 22px;
                // background: url(../../img/huan.png) no-repeat;
                background-position: 0 6px;
                cursor: pointer;
            }
            .filereset {
                position: absolute;
                right: 0;
                bottom: 40px;
                width: 100px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                cursor: pointer;
                .magic-color;
                .border-radius;
                .upload-btn {
                    cursor: pointer;
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 100px;
                    height: 40px;
                    cursor: pointer;
                    opacity: 0;
                    filter: alpha(opacity=0);
                }
            }
        }
    }
}